<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../CSSFile/index.css" type="text/css">
</head>
<body>
<div id="cosmetics">
    <p class="title">大家都喜欢的彩妆</p>
    <ul>
        <li>
            <a href="#"><span>1</span>Za姬芮新能真皙美白隔离霜 35g
                <div><img src="../ImageFile/icon-1.jpg" alt="Za姬芮新能真皙美白隔离霜" />
                    <p>￥62.00  最近69122人购买</p>
                </div></a>
        </li>
        <li>
            <a href="#"><span>2</span>美宝莲精纯矿物奇妙新颜乳霜BB霜 30ml
                <div><img src="../ImageFile/icon-2.jpg" alt="Za姬芮新能真皙美白隔离霜" />
                    <p>￥89.00 最近13610人购买</p>
                </div></a>
        </li>
        <li>
            <a href="#"><span>3</span>菲奥娜水漾CC霜 40g
                <div><img src="../ImageFile/icon-2.jpg" alt="Za姬芮新能真皙美白隔离霜" />
                    <p>￥59.90 最近13403人购买</p>
                </div></a>
        </li>
        <li>
            <a href="#"><span>3</span>DHC蝶翠诗橄榄卸妆油 200ml
                <div><img src="../ImageFile/icon-2.jpg" alt="Za姬芮新能真皙美白隔离霜" />
                    <p>￥169.00 最近16757人购买</p>
                </div></a>
        </li>
    </ul>
</div>
</body>
</html>